Introduction to the CircleCI Web App
The CircleCI web application is a graphic user interface for managing your projects, pipelines, settings, integrations and organizations. The application can be found at https://app.circleci.com.
Inside the application, you will find the features including the following:
-
Status of pipelines, workflows and jobs.
-
Controls for rerunning, cancelling, approving workflows.
-
Access to job step output and logs.
-
Organization and project settings.
-
Insights for managing your projects and organizations.
-
Deploys UI viewing and managing your deployments.
-
Self-hosted runner setup and management.
This page is not an exhaustive guide to the web app, but is an introduction to some of the information, options, and settings available.
Some settings and functionality described in on this page, including the in-app configuration editor, are currently not available for circleci type organizations. For an overview of feature availability for each organization/integration type, see the VCS integration overview page.
User homepage
When you visit the CircleCI web application you will land on your user homepage.
The user homepage gives your an overview of the organizations of which you are a member, along with options to create a new organization or join an existing organization.
At the top right of the screen you will see notifications and get access to help resources. You can also select your icon to access user settings or to sign out of the app.
At the top left of the screen you will find the CircleCI status badge. The status badge displays the operational health of CircleCI. Select the status badge to enter CircleCI’s status page.
Select an org card and take a look around. The following section describe the various features and options you will find for each organization.
User settings
User settings can be found by selecting your user icon at the top right of the user area (dark blue top bar) in the web app at any time. Select your icon and then select User Settings.
| User settings section | What you will find here |
|---|---|
Account Integrations |
Displays your user ID as well as account integrations with VCS providers. You will find a list of which GitHub (OAuth app) or Bitbucket organizations you are connected with. You can disconnect your OAuth connections with GitHub or Bitbucket here. |
Notifications |
Set your individual email and web notification preferences. This includes preferences around builds, branches, and project notifications. Web notifications will appear in your browser. |
Accessibility |
Toggle switch for accessible step output. Switch this on if you use a screen reader. |
Privacy & Security |
Disable third-party tracking. You may opt in or opt out of third party tracking pixels. |
Sessions |
A list of systems that have logged into your account. Revoke any sessions that you do not recognize. |
Personal API tokens |
View and create personal API tokens, used to access the CircleCI API. |
Organization Plans |
See the list of organizations you are a part of. If you have administrative privileges, you may also view the plan each organization is on. |
Job SSH keys |
Set up an SSH key to access your job containers. For more information on this feature see the Debug With SSH page. |
Beta Program |
Opt in to CircleCI’s beta program. Beta features you opt in to will be listed on this page. |
View and change your email address for your CircleCI account. |
|
Password & authentication |
Change password, setup and manage multi-factor authentication (MFA). |
Organization homepage and navigation
After selecting an organization you will find yourself on the Organization homepage, or Dashboard if you are using CircleCI server. The organization homepage provides an overview of your org’s projects, project health metrics, and compute and credit usage metrics for your org.
| Once you have selected an org, you can select the CircleCI logo in the top bar to get back to your user homepage at any time. |
From your organization home page you have access to org-level options. You can create a project, select and existing project using the overview project cards, or use the sidebar navigation items to access other areas of the product. The sidebar navigation allows you to visit the following pages (some of these sections are discussed in more detail below):
Pipelines: View all pipelines associated with your organization, You can expand each pipeline to view workflow status, job status, job details, the workflows map, and more. Each pipeline includes controls for cancelling or rerunning workflows, and accessing project settings. Multi-workflow pipelines display a grey bar to the left. You can see the status of each workflow and expand them individually to view the status of each job.
Projects: Allows you to see all projects associated with your organization. Choose to follow or unfollow projects, as well as create/set up new projects.
Deploys: Set up environment integrations to manage deployments for your projects. For full details of the deployments feature, see the Deployment overview page.
Insights: Provides you with time-series data overviews of credit usage, success rates, pipeline duration, and more. For full details of the Insights feature, see the Using Insights page.
Self-Hosted Runners: Set up self-hosted runners to use your own infrastructure for running jobs. Once set up the self-hosted runners dashboard displays a list of your resource classes and self-hosted runners. For full details covering installation, setup, and usage, see the Self-hosted runners overview page.
Organization Settings: Settings for your organization including org roles and groups, contexts, security, orbs and more. You can find your organization ID on this page.
Plan: Displays your network and storage usage, as well as additional settings related to your plan.
The sections below describe some of the pages of the web application in more detail.
Pipelines dashboard
Select Pipelines in the sidebar to enter the pipelines dashboard. By default, the pipeline dashboard displays the workflow status for all pipelines for all the projects that you are following. Use the filters at the top of the page to view the following:
-
All pipelines.
-
Just your pipelines.
-
Pipelines for a specific project, and within this a specific branch.
-
Pipelines triggered before a specific day range, for example "Greater than 90 days". This can be helpful when analyzing historical data, as it allows you to filter out and focus on older pipelines without having to scroll through a large amount of data.
-
Use the filter icon to restrict the workflow statuses that you are interested in viewing. For example if you only want to see pipelines with workflows that are "Failed" and "Needs Approval", you can select those options from the filter menu.
If you are missing specific projects from the pipelines dashboard, you can select Projects on the side navigation. The projects view displays a list of all projects within the organization, which you can choose to follow or unfollow. Following a project will add it to your dashboard. Unfollowing a project will remove it from your dashboard.
View and navigate pipelines
Your pipelines appear on the Pipelines dashboard of the CircleCI web app as they are triggered. You can view workflows or single jobs by expanding a pipeline and clicking on any workflow or job descriptor.
When viewing a single job in a pipeline, you can use the breadcrumbs at the top of the page to navigate back to a job’s respective workflow or pipeline.
Organization switching
If you want to change which org you are working within, you have a few options:
-
Select the CircleCI logo in the top bar to get back to your user homepage at any time (1). From the user home page you can select the org that you want to work in. You can also create a new organization from your user home page.
-
Once in an org view you can also use the org switcher at the top of the sidebar (2).
If you do not see your project and it is not currently building on CircleCI, check your org in the top left corner of the CircleCI application. For example, if the top left displays your user my-user, only projects belonging to my-user will be available. If you want to add the project your-org/project, you must select your-org from the org switcher.
Projects
| The options available to you will be different depending on how you integrate your code with CircleCI. |
Projects associated with your organization appear on the Projects page. You have the option to:
-
Set Up any project that you are the owner of in your VCS.
-
Follow any project in your organization to gain access to its pipelines on the pipelines page and to subscribe to email notifications for the project’s status.
-
Unfollow a project to removes it from your Pipelines page and unsubscribe from notifications.
Select the ellipsis menu icon in a project row to access project assets, as follows:
-
Configuration file in the config editor.
-
Insights.
-
Project settings
-
Project ID.
| A Project Settings button is also available from the pipelines page when you have a project selected in the filter menu. |
Project settings
Access project settings in one of the following ways:
-
From the pipelines dashboard when you have a project selected in the filter menu.
-
From a workflow or job page using the ellipsis menu
.
-
From the projects page using the ellipsis menu icon
in a project row.
The following settings are available on the project settings page. If you do not see an option, this indicates it is not supported for your organization, integration or pipeline type:
The following project settings are available:
| Project settings section | What you will find here |
|---|---|
Overview |
Project name, ID, and slug. Option to stop building or delete the project. |
Project setup |
|
People |
|
Deploys |
Set up deploy markers, rollback pipeline and find information about setting up the release agent for Kubernetes deployments. |
Advanced |
Enable/disable various features for the project: * GitHub status updates * Build forked PRs * Pass secrets to forked PRs * Only build pull requests * Auto-cancel redundant workflows * Free and open source * Enable dynamic configuration * Disable SSH reruns. |
Environment variables |
Add project environment variables. You can add individually or import from another project. You will find a list of project environment variables on this page. |
SSH keys |
Add deploy and user keys for |
API permissions |
Create project API tokens. The main use for these tokens is for status badges. Some API v1.1 endpoints support the use of project API tokens too. |
LLMOps |
Connect your project with an LLM evaluations provider. |
Slack integration |
Get information on setting up Slack notifications for your project. |
Status badges |
Generate a code snippet that will display your project’s build status in a README or other document. |
Webhooks |
Set up webhooks through CircleCI’s Webhook API. This allows you to connect a platform you manage (either an API you create yourself, or a third party service) to a stream of future events. |
Docker layer caching |
Provides an option to delete your cache contents. If jobs that use DLC continuously fail, this may be due to a corrupted cache. Deleting the cache will force a fresh build and can solve the problem. |
Insights
The Insights page displays metrics for all projects in your organization over a selected time range (24 hours, seven, 30, 60, and 90 days). The available metrics are as follows:
-
Workflow run
-
Workflow duration
-
Credits consumed
-
Overall success rate
The Insights page gives you an overview of all projects. You can also select an individual project to get further insights into that project’s workflows. Then you can select individual workflows to see insights on individual jobs and tests.
Self-hosted runners
The self-hosted runners page displays an inventory of your self-hosted runners and their associated resource classes. You can also create a new runner resource class from this page.
Learn more and get started with self-hosted runners on the CircleCI self-hosted runners overview.
Organization settings
The following organization settings are available by selection "Organization Settings" in the sidebar:
| Organization settings section | What you will find here |
|---|---|
Overview |
Org ID and slug, option to rename or delete the organization. Manage technical and security contacts. |
People |
For |
Groups |
|
Contexts |
Create and manage contexts to store sensitive information. You can use contexts to store environment variables for your projects. |
VCS Connections |
View Apps you have installed for your organization: GitHub App and GitHub Checks App. |
Security |
Orb security settings, you can choose to allow just certified orbs, all orbs, and choose to allow private orbs. Request audit logs and/or set up audit log streaming. |
Policies |
Find a list of policies that have been created for your organization. |
Advanced |
Opt in/out of the following: intelligent summaries for build failures, image brownouts, triggering pipelines with unversioned config. |
Orbs |
For |
Self-hosted runners |
Set up self-hosted runners for your organization, to build on your own infrastructure. |
Deploys |
Find information on setting up deploys and/or the release agent. |
Integrations |
|
Singe sign-on |
|
Plan
If you have administrative privileges, the plan overview and upgrade page displays the features available in your current plan, as well as a snapshot of your usage. Details of the next tier of plan upgrade are also shown. You can read more about plans in CircleCI’s Plan section.
If you are on a paid plan, you can choose to share your plan. This allows any organization you belong to, to share and run builds on your paid-for plan. You can also transfer your plan to another organization.
Plan usage
The plan usage section is a detailed overview of your usage by billing period. Here you can find usage information about projects, resource classes, users, network, storage and IP ranges. CircleCI uses a credits based system, and these overviews are meant to help you see how you are using credits, and what some potential cost saving measures could be.
In terms of network and storage, usage can be tricky to understand, so it is suggested you familiarize yourself with these pages and how credits work. You can learn more about network and storage usage on the Persisting data page.
You can learn more about billing in the billing section of the FAQ page.